<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head></head>
<body style="font-family: Calibri;">

{{ if info }}
<span style="font-style:italic;color:#BB5555">
	{{ for i in info }}
		{{ i }}<br />
	{{ endfor }}
</span><br />
<br />
{{ endif }}

{{ for series in allSeries }}
	<span style="font-weight: bold; font-size: 22px">$'/'.join(series.Formats)$: {{ series.Name | '?' }}</span><br>
	
	{{ for volume in series.Volumes }}
		<table style="text-align: left; margin-top: 23px;" border="0" cellpadding="10" cellspacing="0">
			<tr>
				<td valign="top" width="270px">
					{{ if volume.config.showName }}
						<span style="font-style: italic; font-weight: bold; font-size: 19px;">{{ volume.Name | '?' }}</span><br>
						<br>
					{{ endif }}
					{{ if 'Cover' in volume.config.fields }}{{ if volume.Cover }}
						<div style="text-align: center"><img src="file:///$volume.Cover | url$" width="283px" alt="$translate('Cover')$"></div>
					{{ endif }}{{ endif }}
				</td>
				<td valign="top" width="100%">
					<span style="font-size: 19px;">$'\n'.join(volume.FullPublishers)$</span><br>
					$', '.join(volume.FilesFormat)$
					<hr>
					<table style="text-align: left; vertical-align: top; width: 100%; margin-top: 5px; " border="0" cellpadding="0" cellspacing="6">
						<tr>
							<td style="height: 24px; text-align: left;">
								<div style="width: 144px">{{ for i in range(volume.Rating) }}<img src="file:///$path$rating_star_full.png" style="width: 24px; height: 24px;" alt="">{{ endfor }}</div>
							</td>
							<td style="height: 24px; text-align: right;">
								<div style="width: 144px">{{ for i in range(volume.CommunityRating) }}<img src="file:///$path$com_rating_star_full.png" style="width: 24px; height: 24px;" alt="">{{ endfor }}</div>
							</td>
						</tr>
					</table>
					<table style="text-align: left; vertical-align: top; width: 100%" border="0" cellpadding="0" cellspacing="6">
					{{ for field in volume.config.fields }}
						{{ if field == 'Cover' }}
						{{ elif field == '-' }}
							</table>
							<hr>
							<table style="text-align: left; vertical-align: top; width: 100%" border="0" cellpadding="0" cellspacing="6">
						{{ elif field == 'MissingIssues' }}
							<tr>
								<td style="width: 123px;  vertical-align: top;">$field | translate$:</td>
								<td style="vertical-align: top; color: red;">{{ ' '.join(volume.MissingIssues) }}</td>
							</tr>
						{{ elif field == 'DuplicatedIssues' }}
							<tr>
								<td style="width: 123px;  vertical-align: top;">$field | translate$:</td>
								<td style="vertical-align: top;">{{ ' '.join(volume.DuplicatedIssues) }}</td>
							</tr>
						{{ elif field == 'ReadPercentage' }}
							<tr>
								<td style="width: 123px;  vertical-align: top;">$field | translate$:</td>
								<td style="vertical-align: top;">{{ volume.ReadPercentage }}%</td>
							</tr>
						{{ elif field == 'NextIssuesToRead' }}
							<tr>
								<td style="width: 123px;  vertical-align: top;">$field | translate$:</td>
								<td style="vertical-align: top;">
									{{ if volume.NextIssuesToRead: }}
										{{ for book in volume.NextIssuesToRead }}
											<a href="javascript: window.external.ComicRack.OpenBooks.OpenFile('id:$book.Id$', true, 0)">#$book.Number$</a>
										{{ endfor }}
									{{ endif }}
								</td>
							</tr>
						{{ else }}
							<tr>
								<td style="width: 123px; vertical-align: top;">$field | translate$:</td>
								{{ if isinstance(getattr(volume, field), list) }}
									<td style="vertical-align: top;">
										{{ for val in getattr(volume, field) }}
											$val$<br>
										{{ endfor }}	
									</td>
								{{ else }}
									<td style="vertical-align: top;">$getattr(volume, field)$</td>
								{{ endif }}
							</tr>
						{{ endif }}
					{{ endfor }}
					</table>
				</td>
			</tr>
		</table>
	{{ endfor }}
	<br>
	<br>
	<br>
{{ endfor }}

</body>
</html>